<style>
    .title {
        background-color: #CCCCCC;
        height: 40px;
        text-align: center;
        padding-top: 10px;
        width: 90%;
        margin-left: 5%;
        display: flex;
    }

    .order {
        text-align: center;
        /*width: 70%;*/
        height: 100px;
        display: flex;
        padding: 0;
        align-items: stretch;
        margin-left: 0;
        /*display: inline-block;*/
    }

    /*.title span{*/
    /*border-left: #00c800 1px solid;*/
    /*}*/
    .order span {
        border-width: 1px 0 0 1px;
        border-style: solid;
        border-color: #daf3ff;
        padding: 20px 0;
        text-align: center;
        height: 100%;
        box-sizing: border-box;
    }
    .active{
        font-size: 16px;
        font-weight: bold;
    }
</style>
<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        {:build_heading(null,FALSE)}
        <ul class="nav nav-tabs" data-field="status">
            <li >
            <a href="/admin/sponsor/sponsorbuy/preindex?type=1">活动计划</a>
            </li>
            <li >
                <a href="/admin/sponsor/sponsorbuy/preindex?type=2">会议计划</a>
            </li>
            <li class="active">
                <a href="/admin/sponsor/sponsorbuy/buylist">我的订单</a>
            </li>
        </ul>
    </div>
    <table style="width: 800px;margin: 20px 0 0 30px">
        <thead style="margin-left: 15px;font-weight: bold">
            <tr style="border-top: 1px solid #333333;height: 50px">
                <td >计划版本</td>
                <td >订单号</td>
                <td >总支付</td>
                <td >订单状态</td>
                <td >服务时长</td>
                <td >订购时间</td>
                <td >操作</td>
            </tr>
            <!--<span style="width: 10%; display: inline-block"></span>-->
        </thead>
        <tbody>
        {foreach $rows as $row}
            <tr  style="border-top: 1px solid #333333;height: 50px">
                <td >{$row.planName}</td>
                <td >{$row.orderId}</td>
                <td >{$row.totalMoney}</td>
                <td >
                    {switch name="$row.status" }
                    {case value="1" break="1"}已申请{/case}
                    {case value="2"  break="2"}已支付{/case}
                    {case value="3"  break="3"}已取消{/case}
                    {case value="4"  break="4"}<span style="color: orangered"> 已退款</span>{/case}
                    {default /}已申请
                    {/switch}
                </td>
                <td >{$row.totalTime}</td>
                <td >{$row.buyTime}</td>
                <td style="color: #0d6aad"><a href="/">查看详情</a> | <a href="">去支付</a> </td>
            </tr>
        {/foreach}
        </tbody>
    </table>
</div>
